@import "src/assets/styles/main.global.scss";
.card {
  padding: 20px;
  border: 1px solid $color_gold_500;
  border-radius: 20px;
  background-color: $color_gray_100;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .5)
}

.title {
  height: 2em;
  margin-bottom: 1em;
  font-size: 1.4em;
  font-weight: 700;
}

.description {
  padding-top: 1em;
  margin-bottom: 1em;
  text-indent: 20px;
  border-top: 1px solid $color_gold_300;
  line-height: 1.5em;
}

.list {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.item {
  display: inline-block;
  padding: 5px 10px;
  border: 2px solid $color_gold_500;
  background-color: #fff;
}

.footer {
  display: flex;
  justify-content: space-between;
}

.like {
  display: flex;
  gap: 10px;
}


.like-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  opacity: .8;
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  &:hover {
    opacity: 1;
  }

  &:focus {
    transform: scale(1.1    );
  }

  & img {
    height: 20px;
    width: auto;
  }
}

.like-number {
  font-size: 23px;
  line-height: 1em;
}
